<template>
  <div class="baseItem">
    <div class="header flex flex-justify-content-between">
      <div class="left flex-align-center flex">
        <img src="../../../assets/img/home/lingxin.png" class="lingxin" alt="">
        <div class="title ml-2">{{ title }}</div>
      </div>
      <div class="right">
        <slot name="right"></slot>
      </div>
    </div>
    <div class="baseItemContent mt-5">
      <slot name="content"></slot>
    </div>
  </div>
</template>

<script setup lang="ts">
//组件

//接口


//api
import {reactive, ref} from 'vue';

//data
let props = defineProps<{
  title: string,
}>()
/*
函数
*/

/**************************接口函数**************************/


/**************************操作函数**************************/


</script>

<style lang="scss" scoped>
.baseItem {
  padding: 28px;
  box-shadow: $shadowOne;
  background-color: white;
  max-height: 470px;
  border-radius: 15px;
  box-sizing: border-box;
  height: 100%;

  .lingxin {
    width: 25px;
    height: 25px;
  }

  .title {
    color: rgba(98, 98, 98, 1);
    font-size: 22px;
    font-weight: bold;
  }
}
</style>
